<extend name="Common/base"/>
<!--侧拉框-->
<block name="content">
    <div class="container" style="margin-top:30px;">
        <!-- 主体 -->
        <div class="row contentAll">
            <div class="col-lg-6 col-md-6 col-sm-6 contentFirst">
                <i style="font-size:50px;" class="fa fa-gitlab"></i>
                <h4>系统介绍</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus
                </p>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 contentFirst">
                <i style="font-size:50px;" class="fa fa-bullhorn"></i>
                <h4>公告</h4>
                <p>
                    <a href="">公告名称</a><br/>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod
                </p>
                <a href="">Read more << </a>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3 contentFirst">
                <i style="font-size:50px;" class="fa fa-archive"></i>
                <h4>失物招领</h4>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod
                </p>
                <a href="">Read more << </a>
            </div>
        </div>
        <div class="row contentAll">
            <div class="col-lg-6 col-md-6 col-sm-6 contentFirst">
                <i style="font-size:50px;" class="fa fa-gear"></i>
                <h4>设备保障</h4>
                <ul class="warning">
                    <li>
                        <a href="">报障名称</a>
                        <span>报障时间</span>
                        <span>报障人</span>
                    </li>
                    <li>
                        <a href="">报障名称</a>
                        <span>报障时间</span>
                        <span>报障人</span>
                    </li>
                    <li>
                        <a href="">报障名称</a>
                        <span>报障时间</span>
                        <span>报障人</span>
                    </li>
                    <li>
                        <a href="">报障名称</a>
                        <span>报障时间</span>
                        <span>报障人</span>
                    </li>
                    <li>
                        <a href="">报障名称</a>
                        <span>报障时间</span>
                        <span>报障人</span>
                    </li>
                </ul>
                <a href="">Read more << </a>
            </div>
        </div>
    </div>
</block>

<block name="header_js">
    <script>
        var nav=document.getElementsByClassName('nav')[0].getElementsByTagName('a');
        nav[0].className='active';
    </script>
</block>